@use "@fontsource/fira-mono";

:root {
  --font-body: Arial, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
  Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  --font-mono: 'Fira Mono', monospace;
  --color-text: rgba(0, 0, 0, 0.8);
  font-family: var(--font-body), serif;
  color: var(--color-text);
}

body {
  overflow: hidden;
  height: 100vh;
  margin: 0;
}

/**
 * Ananas 全局预设颜色变量
 */

/* 行为相关颜色 */
$an-color-primary: #6e64f8;
$an-color-success: #66d476;
$an-color-warning: #ff9900;
$an-color-error: #ff3e00;

/* 文字基本颜色 */
$an-text-color: rgba(51, 51, 51, 0.96);
$an-text-color-inverse: #fff;
$an-text-color-grey: #999;
$an-text-color-placeholder: #808080;
$an-text-color-disable: #c0c0c0;

/* 背景颜色 */
$an-bg-color: #fff;
$an-bg-color-grey: #f8f8f8;
$an-bg-color-hover: #f1f1f1;
$an-bg-color-mask: rgba(0, 0, 0, 0.4);

/* 边框颜色 */
$an-border-color: #c8c7cc;

/**
 * Ananas 全局预设尺寸变量
 */

/* 文字尺寸 */
$an-font-size-mini: 10px;
$an-font-size-sm: 12px;
$an-font-size-base: 14px;
$an-font-size-lg: 16;

/* 图片尺寸 */
$an-img-size-sm: 20px;
$an-img-size-base: 26px;
$an-img-size-lg: 40px;

/* 边框圆角 */
$an-border-radius-sm: 2px;
$an-border-radius-base: 3px;
$an-border-radius-lg: 6px;
$an-border-radius-circle: 50%;

/* 水平间距 */
$an-spacing-row-sm: 5px;
$an-spacing-row-base: 10px;
$an-spacing-row-lg: 15px;

/* 垂直间距 */
$an-spacing-col-sm: 4px;
$an-spacing-col-base: 8px;
$an-spacing-col-lg: 12px;

/* 透明度 */
$an-opacity-disabled: 0.3;
